<gm:page title="My App" authenticate="false">

  
  <style="float: left; width: 50%">
    <gm:list id="CAParks" data="http://earthquake.usgs.gov/eqcenter/catalogs/eqs7day-M2.5.xml" pagesize="20" template="template">   
      <gm:handleEvent src="CAParkMarkers" />
      <gm:sort name="titleSort" ref="atom:title" />    
    </gm:list>
  </div>
  
  <gm:template id="template">
    <test
    <gm:pager/>
    <ul>
      <li repeat="true"><gm:text ref="atom:title"/></li>
    </ul>
  </gm:template>
  
  <gm:template id="mapTemplate">
    <div align="center" repeat="true">

      <h3><gm:text ref="atom:title" /></h3>
    </div>
  </gm:template>
  
  <div style="float: left; width: 50%">

    <gm:map id="CAParkMarkers" style="border:solid black 2px" control="large" maptypes="true" data="${CAParks}" latref="geo:lat" lngref="geo:long" infotemplate="mapTemplate">
      <gm:handleEvent src="CAParks"/>
    </gm:map>

  </div>



</gm:page>